﻿@{
    ViewBag.Title = "账户信息管理";
    Layout = "~/Views/Shared/_LayoutDigital.cshtml";
}

 <div class="pageheader">
    <h2><i class="fa fa-user"></i> 交易资料 <span>账号中心</span></h2>
    <div class="breadcrumb-wrapper">
        <span class="label">你的位置:</span>
        <ol class="breadcrumb">
            <li><a href="">企业中心</a></li>
            <li class="active">账号设置</li>
        </ol>
    </div>
</div>


<div class="contentpanel">
    <div class="row">
        <div class="col-md-12 mb30">

            <!-- Nav tabs -->
            <ul class="nav nav-tabs">
                <li class="active"><a href="#home" data-toggle="tab"><strong>支付账户</strong></a></li>
                <li><a href="#profile" data-toggle="tab"><strong>收货地址</strong></a></li>
                <li><a href="#about" data-toggle="tab"><strong>发货地址</strong></a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content mb30">

                <div class="tab-pane active" id="home">
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">提示:</button>
                        <strong>您还没绑定交易账户!</strong> 绑定后您就可以使用该账户完成交易，保障货款安全！ <a href="" class="alert-link">点此了解交易规则</a>
                    </div>


                    <div class="col-sm-6">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <div class="panel-btns">
                                    <a href="" class="minimize">&minus;</a>
                                </div><!-- panel-btns -->
                                <h3 class="panel-title">没有交易账户</h3>
                            </div>
                            <div class="panel-body">

                                <form id="form2" class="form-horizontal form-bordered">
                                    <div class="panel panel-default">
                                        <div class="panel-default">
                                            <p>您可以方便的用您的手机号注册个人账户,成功后系统将自动为您绑定.</p>
                                        </div>
                                        <div class="panel-body panel-body-nopadding">

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label">手机号码:</label>

                                                <div class="col-sm-3">
                                                    <input type="text" name="name" class="form-control" />
                                                </div>
                                                <div class="col-sm-3">
                                                    <button class="btn btn-default">获取校验码</button>
                                                </div>

                                            </div>

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label">校验码:</label>
                                                <div class="col-md-6">
                                                    <input type="email" name="email" class="form-control" />
                                                    <span class="help-block">校验码为6位数字</span>

                                                </div>
                                            </div>
                                        </div><!-- panel-body -->
                                        <div class="panel-footer text-center">
                                            <button class="btn btn-primary">确认</button>
                                            <button type="reset" class="btn btn-default">重置</button>
                                        </div><!-- panel-footer -->
                                    </div><!-- panel-default -->
                                </form>




                            </div>
                        </div><!-- panel -->
                    </div>

                    <div class="col-sm-6">
                        <div class="panel panel-success">
                            <div class="panel-heading">
                                <div class="panel-btns">
                                    <a href="" class="minimize">&minus;</a>
                                </div><!-- panel-btns -->
                                <h3 class="panel-title">已有交易账户</h3>
                            </div>
                            <div class="panel-body">
                                <form id="form2" class="form-horizontal form-bordered">
                                    <div class="panel panel-default">
                                        <div class="panel-default">
                                            <h4 class="panel-title"></h4>
                                            <p>点击下面的登录按钮，去支付宝页面进行登录，登录成功后系统将自动为您绑定。</p>
                                        </div>
                                        <div class="panel-body panel-body-nopadding">
                                            <div class="form-group">

                                                <div class="ckbox ckbox-danger">
                                                    <input type="checkbox" id="checkboxDanger" checked="checked" />
                                                    <label for="checkboxDanger">已阅读并同意《绑定协议》</label>
                                                </div>
                                            </div>

                                        </div><!-- panel-body -->
                                        <div class="panel-footer text-center">
                                            <button class="btn btn-info">登录支付账户</button>
                                        </div><!-- panel-footer -->
                                    </div><!-- panel-default -->
                                </form>
                            </div>
                        </div><!-- panel -->
                    </div>







                </div>
                <div class="tab-pane" id="profile">
                    <div class="row">



                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <table class="table table-primary mb30">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>收货人</th>
                                            <th>所在地区</th>
                                            <th>街道地址</th>
                                            <th>电话/手机</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Mark</td>
                                            <td>深圳</td>
                                            <td>南山区西丽镇白芒关</td>
                                            <td>15895955251</td>
                                            <td>修改</td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div><!-- table-responsive -->


                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="panel-btns">
                                        <a href="" class="panel-close">&times;</a>
                                        <a href="" class="minimize">&minus;</a>
                                    </div>
                                    <h4 class="panel-title">添加收货地址</h4>
                                    <p>您最多可以添加10条记录</p>
                                </div>
                                <div class="panel-body panel-body-nopadding">
                                    <form class="form-horizontal form-bordered">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">收件人</label>
                                            <div class="col-sm-6">
                                                <input type="text" placeholder="输入收件人姓名" class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">手机号码</label>
                                            <div class="col-sm-6">
                                                <input type="text" placeholder="输入收件联系号码" class="form-control">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">收件地址</label>
                                            <div class="input-group">
                                                <div class="col-sm-4 ">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">安徽省</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-4">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">合肥市</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-4 mb15">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">脚钉区</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-12">
                                                    <input type="text" placeholder="请输入详细街道地址" class="form-control" />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">座机号码</label>
                                            <div class="col-sm-1">
                                                <input type="text" placeholder="+86" class="form-control" />
                                            </div>
                                            <div class="col-sm-2">
                                                <input type="text" placeholder="755" class="form-control" />
                                            </div>
                                            <div class="col-sm-3">
                                                <input type="text" placeholder="您的号码" class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label" for="checkbox">设置默认</label>
                                            <div class="col-sm-6">
                                                <div class="checkbox block"><label><input type="checkbox"> 是否设置为默认收货地址</label></div>
                                            </div>
                                        </div>
                                    </form>
                                </div><!-- panel-body -->

                                <div class="panel-footer">
                                    <div class="row">
                                        <div class="col-sm-6 col-sm-offset-3">
                                            <button class="btn btn-primary">提交</button>&nbsp;
                                            <button class="btn btn-default">取消</button>
                                        </div>
                                    </div>
                                </div><!-- panel-footer -->

                            </div>



                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="about">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <table class="table table-primary mb30">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>发货人</th>
                                            <th>所在地区</th>
                                            <th>街道地址</th>
                                            <th>电话/手机</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Mark</td>
                                            <td>深圳</td>
                                            <td>南山区西丽镇白芒关</td>
                                            <td>15895955251</td>
                                            <td>修改</td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div><!-- table-responsive -->


                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <div class="panel-btns">
                                        <a href="" class="panel-close">&times;</a>
                                        <a href="" class="minimize">&minus;</a>
                                    </div>
                                    <h4 class="panel-title">添加发货地址</h4>
                                    <p>您最多可以添加5条记录</p>
                                </div>
                                <div class="panel-body panel-body-nopadding">
                                    <form class="form-horizontal form-bordered">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">发件人</label>
                                            <div class="col-sm-6">
                                                <input type="text" placeholder="输入发件人姓名" class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">手机号码</label>
                                            <div class="col-sm-6">
                                                <input type="text" placeholder="输入发件联系号码" class="form-control">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">发件地址</label>
                                            <div class="input-group">
                                                <div class="col-sm-4 ">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">安徽省</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-4">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">合肥市</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-4 mb15">
                                                    <select class="form-control chosen-select" data-placeholder="选择省份...">
                                                        <option value="United States">脚钉区</option>
                                                    </select>
                                                </div>
                                                <div class="col-sm-12">
                                                    <input type="text" placeholder="请输入详细街道地址" class="form-control" />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">座机号码</label>
                                            <div class="col-sm-1">
                                                <input type="text" placeholder="+86" class="form-control" />
                                            </div>
                                            <div class="col-sm-2">
                                                <input type="text" placeholder="755" class="form-control" />
                                            </div>
                                            <div class="col-sm-3">
                                                <input type="text" placeholder="您的号码" class="form-control" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label" for="checkbox">设置默认</label>
                                            <div class="col-sm-6">
                                                <div class="checkbox block"><label><input type="checkbox"> 是否设置为默认发货地址</label></div>
                                            </div>
                                        </div>
                                    </form>
                                </div><!-- panel-body -->

                                <div class="panel-footer">
                                    <div class="row">
                                        <div class="col-sm-6 col-sm-offset-3">
                                            <button class="btn btn-primary">添加</button>&nbsp;
                                            <button class="btn btn-default">取消</button>
                                        </div>
                                    </div>
                                </div><!-- panel-footer -->

                            </div>

                        </div>


                    </div>
                </div>

            </div>

        </div>



    </div>


    <div>
    </div>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery.sparkline.min.js"></script>
    <script src="js/toggles.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="js/jquery.cookies.js"></script>

    <script src="js/jquery.autogrow-textarea.js"></script>
    <script src="js/bootstrap-fileupload.min.js"></script>
    <script src="js/bootstrap-timepicker.min.js"></script>
    <script src="js/jquery.maskedinput.min.js"></script>
    <script src="js/jquery.tagsinput.min.js"></script>
    <script src="js/jquery.mousewheel.js"></script>
    <script src="js/chosen.jquery.min.js"></script>
    <script src="js/dropzone.min.js"></script>
    <script src="js/colorpicker.js"></script>

    <script src="js/custom.js"></script>



    <script>
        jQuery(document).ready(function () {

            // Chosen Select
            jQuery(".chosen-select").chosen({ 'width': '100%', 'white-space': 'nowrap' });

            // Tags Input
            jQuery('#tags').tagsInput({ width: 'auto' });

            // Textarea Autogrow
            jQuery('#autoResizeTA').autogrow();

            // Color Picker
            if (jQuery('#colorpicker').length > 0) {
                jQuery('#colorSelector').ColorPicker({
                    onShow: function (colpkr) {
                        jQuery(colpkr).fadeIn(500);
                        return false;
                    },
                    onHide: function (colpkr) {
                        jQuery(colpkr).fadeOut(500);
                        return false;
                    },
                    onChange: function (hsb, hex, rgb) {
                        jQuery('#colorSelector span').css('backgroundColor', '#' + hex);
                        jQuery('#colorpicker').val('#' + hex);
                    }
                });
            }

            // Color Picker Flat Mode
            jQuery('#colorpickerholder').ColorPicker({
                flat: true,
                onChange: function (hsb, hex, rgb) {
                    jQuery('#colorpicker3').val('#' + hex);
                }
            });

            // Date Picker
            jQuery('#datepicker').datepicker();

            jQuery('#datepicker-inline').datepicker();

            jQuery('#datepicker-multiple').datepicker({
                numberOfMonths: 3,
                showButtonPanel: true
            });

            // Spinner
            var spinner = jQuery('#spinner').spinner();
            spinner.spinner('value', 0);

            // Input Masks
            jQuery("#date").mask("99/99/9999");
            jQuery("#phone").mask("(999) 999-9999");
            jQuery("#ssn").mask("999-99-9999");

            // Time Picker
            jQuery('#timepicker').timepicker({ defaultTIme: false });
            jQuery('#timepicker2').timepicker({ showMeridian: false });
            jQuery('#timepicker3').timepicker({ minuteStep: 15 });


        });
    </script>
